<template>
  <ScaleBox :width="1920"
            :height="1080"
            bgc="transparent"
            :delay="100">
    <div class="w-full h-full pt-4 pb-3">
      <div class="w-full px-3" style="height: 29%">
         <cardList/>
      </div>
      <div class="w-full pl-3 pr-3 py-2" style="height: 71%">
        <BodyTableList/>
      </div>
    </div>
  </ScaleBox>
</template>

<script setup>
import '@/style/tailwind.css'
import ScaleBox from 'vue3-scale-box'
import BodyTableList from './components/BodyTableList.vue'
import cardList from './components/cardList.vue'

</script>

<style scoped lang="scss">

</style>
